<template>

  <div>
    <el-form :inline="true" :model="appUser" class="demo-form-inline"
             style="display: flex; flex-direction: column; width: auto; height:300px; overflow-x: auto;flex-wrap: wrap;">
      <el-form-item label="用户昵称">
        <el-input v-model="appUser.nickName" placeholder="爱洞" disabled></el-input>
      </el-form-item>
      <el-form-item label="爱洞账号">
        <el-input v-model="appUser.platformId" placeholder="爱洞" disabled></el-input>
      </el-form-item>
      <el-form-item label="邀请人ID">
        <el-input v-model="appUser.pid" placeholder="邀请人ID" disabled></el-input>
      </el-form-item>
      <el-form-item label="用户手机">
        <el-input v-model="appUser.phone" placeholder="爱洞" disabled></el-input>
      </el-form-item>
      <el-form-item label="账号类型" prop="accountType">
        <el-select v-model="appUser.accountType" placeholder="请选择" disabled style="width: 202px;">
          <el-option v-for="dict in dict.type.account_type" :key="dict.value" :label="dict.label"
                     :value="parseInt(dict.value)"/>
        </el-select>
      </el-form-item>
      <el-form-item label="用户性别" prop="sex">
        <el-select v-model="appUser.sex" placeholder="请选择" disabled style="width: 202px;">
          <el-option v-for="dict in dict.type.sys_user_sex" :key="dict.value" :label="dict.label"
                     :value="parseInt(dict.value)"/>
        </el-select>
      </el-form-item>
      <el-form-item label="实名认证" prop="cardAuth">
        <el-select v-model="appUser.cardAuth" placeholder="请选择" disabled style="width: 202px;">
          <el-option v-for="dict in dict.type.app_check_status" :key="dict.value" :label="dict.label"
                     :value="parseInt(dict.value)"/>
        </el-select>
      </el-form-item>
      <el-form-item label="真人认证" prop="videoAuth">
        <el-select v-model="appUser.videoAuth" placeholder="请选择" disabled style="width: 202px;">
          <el-option v-for="dict in dict.type.app_check_status" :key="dict.value" :label="dict.label"
                     :value="parseInt(dict.value)"/>
        </el-select>
      </el-form-item>
      <el-form-item label="视频价格">
        <el-input v-model="appUser.videoPrice" placeholder="视频价格" disabled></el-input>
      </el-form-item>
      <el-form-item label="语音价格">
        <el-input v-model="appUser.voicePrice" placeholder="语音价格" disabled></el-input>
      </el-form-item>
<!--      <el-form-item label="是否会员" prop="vipFlag">-->
<!--        <el-select v-model="appUser.vipFlag" placeholder="请选择" disabled style="width: 202px;">-->
<!--          <el-option v-for="dict in dict.type.sys_yes_no" :key="dict.value" :label="dict.label" :value="dict.value"/>-->
<!--        </el-select>-->
<!--      </el-form-item>-->
<!--      <el-form-item label="会员时效" prop="vipExpireTime">-->
<!--        <el-date-picker style="width: 202px;" disabled v-model="appUser.vipExpireTime" type="datetime"-->
<!--                        placeholder="选择日期时间">-->
<!--        </el-date-picker>-->
<!--      </el-form-item>-->
      <el-form-item label="账号状态" prop="status">
        <el-select v-model="appUser.status" placeholder="请选择账号状态" disabled style="width: 202px;">
          <el-option v-for="dict in dict.type.app_appuser_status" :key="dict.value" :label="dict.label"
                     :value="parseInt(dict.value)"/>
        </el-select>
      </el-form-item>
      <el-form-item label="在线状态" prop="onlineStatus">
        <el-select v-model="appUser.onlineStatus" placeholder="请选择用户在线状态" disabled style="width: 202px;">
          <el-option v-for="dict in dict.type.app_online_status" :key="dict.value" :label="dict.label"
                     :value="parseInt(dict.value)"/>
        </el-select>
      </el-form-item>
      <el-form-item label="账号等级">
        <el-input v-model="appUser.level" placeholder="账号等级" disabled></el-input>
      </el-form-item>
      <el-form-item label="封号截止">
        <template v-if="appUser.limitDate">
          <el-input v-model="appUser.limitDate" placeholder="封号截止" disabled></el-input>
        </template>
        <template v-else="appUser.limitDate">
          <el-input v-model="appUser.limitDate" placeholder="暂未封号" disabled></el-input>
        </template>
      </el-form-item>
      <el-form-item label="最近在线" prop="recentlyAccessTime">
        <el-date-picker style="width: 202px;" disabled v-model="appUser.recentlyAccessTime*1000" type="datetime"
                        placeholder="选择日期时间">
        </el-date-picker>
      </el-form-item>
      <el-form-item label="平台渠道">
        <el-select v-model="appUser.branch"  disabled style="width: 202px;">
          <el-option v-for="dict in dict.type.sys_branch" :key="dict.value" :label="dict.label"
                   :value="parseInt(dict.value)"/>
      </el-select>
      </el-form-item>
    </el-form>

  </div>

</template>

<script>
export default {
  dicts: ['app_check_status', 'sys_yes_no', 'app_appuser_status', 'sys_user_sex', 'app_online_status', 'account_type', 'app_yes_no', 'sys_branch'],
  props: {
    appUser: {},
  },

}
</script>

<style>
</style>
